<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Phần mềm quản lý sân bóng</title>

<!--For General-->
<link href="css/reset.css" type="text/css" rel="stylesheet" />
<link href="css/templates.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jscript/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jscript/scroll.js"></script>
<script type="text/javascript" src="jscript/all-script.js"></script>

<!--For Clock-->
<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>

<!--For Jquery UI-->
<link type="text/css" href="css/custom-theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="jscript/jquery-ui-1.8.14.custom.min.js"></script>

<!--For Logo menu-->
<link href="css/jd_menu.css" rel="stylesheet" type="text/css" />
<script src="jscript/jd_Menu.js" language="JavaScript"></script>

</head>

<body>

<h1 class="top">TAN NHAT MINH</h1>
<div id="tnm-wrapper">
	<div id="tnm-header">
    	<div class="logo">
        	<img src="images/logo-sport.png" width="239" height="61" alt=""/>
			
            <a id="menuTarget" onclick="jd_Menu_show('#exampleMenu', true);"><img src="images/logo-sport-menu.png" width="194" height="61" /></a>
            <ul id="exampleMenu" class="jd_menu" attachto="menuTarget" menuposition="relative bottom left" style="margin-top: 4px;">
                <!-- menuposition may be (relative|absolute) (mb mt ml mr) (bottom left top right) -->
                <li>Thiết lập nhân viên</li>
                <li>Thiết lập sân bóng &nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Phân loại</li>
                        <li>Thời gian hoạt động</li>
                    </ul>
                </li>
                <li>Vật tư sân</li>
                <li>Thiết lập Căng tin&nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Số bàn</li>
                        <li>Menu thức uống</li>
                        <li>Menu trang phục</li>
                    </ul>
                </li>
                <li>Vật tư Căng tin</li>
                <li>Thiết lập Khuyến mãi</li>
                <li>Xem báo cáo</li>
                <li>Thoát</li>
            </ul>
            
        </div>        
        <ul class="main-menu">
        	<li><a href="index.html"><span>Tổng thể</span></a></li>
            <li><a href="search-day.html"><span>Lịch đặt sân</span></a></li>
            <li><a href="cangtin.html"><span>Căng tin</span></a></li>
            <li><a href="#"><span>Bàn giao</span></a></li>
            <li><a href="#"><span>Nhân viên</span></a></li>
            <li class="act"><a href="customer.html"><span>Khách hàng</span></a></li>
        </ul>
        <div class="right"></div>
    </div>
    <div id="tnm-body">
    	<div class="tnm-col-left">
        	<h2 class="title-tnm-col-left">Sơ đồ bàn</h2>
            <div class="sort">
            	<input type="text" class="search" value="Nhập tên"/>
            </div>
            <div class="content-tnm-col-left">
            	<table class="DataTable" cellpadding="0" cellspacing="0">
                    <form name="myform" action="checkboxes.asp" method="post">
                    <tr class="head">
                        <td width="30" align="center"></td>
                        <td width="180">Họ và Tên</td>
                        <td width="100">Ngày sinh</td>
                        <td width="*">Địa chỉ</td>
                        <td width="100">Số điện thoại</td>
                        <td width="100" align="center">Số lần đến</td>
                        <td width="120" align="center">Lần gần nhất</td>
                    </tr>
                    <tr class="even" id="tableRow_1" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td align="center"><input type="checkbox" name="Check_ctr" value="yes" onClick="Check(document.myform.check_list)"></td>
                        <td>Trần Đình Nguyên</td>
                        <td>30-01-1985</td> 
                        <td></td>
                        <td></td> 
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="odd" id="tableRow_2" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td align="center"><input type="checkbox" name="Check_ctr" value="yes" onClick="Check(document.myform.check_list)"></td>
                        <td>Nguyễn Hữu Đắc</td>
                        <td></td> 
                        <td></td>
                        <td></td> 
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="even" id="tableRow_3" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td align="center"><input type="checkbox" name="Check_ctr" value="yes" onClick="Check(document.myform.check_list)"></td>
                        <td>Trần Đình Nguyên</td>
                        <td>30-01-1985</td> 
                        <td></td>
                        <td></td> 
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="odd" id="tableRow_4" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td align="center"><input type="checkbox" name="Check_ctr" value="yes" onClick="Check(document.myform.check_list)"></td>
                        <td>Nguyễn Hữu Đắc</td>
                        <td></td> 
                        <td></td>
                        <td></td> 
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="even" id="tableRow_5" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td align="center"><input type="checkbox" name="Check_ctr" value="yes" onClick="Check(document.myform.check_list)"></td>
                        <td>Trần Đình Nguyên</td>
                        <td>30-01-1985</td> 
                        <td></td>
                        <td></td> 
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="odd" id="tableRow_6" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td align="center"><input type="checkbox" name="Check_ctr" value="yes" onClick="Check(document.myform.check_list)"></td>
                        <td>Nguyễn Hữu Đắc</td>
                        <td></td> 
                        <td></td>
                        <td></td> 
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="even" id="tableRow_7" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td align="center"><input type="checkbox" name="Check_ctr" value="yes" onClick="Check(document.myform.check_list)"></td>
                        <td>Trần Đình Nguyên</td>
                        <td>30-01-1985</td> 
                        <td></td>
                        <td></td> 
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="odd" id="tableRow_8" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td align="center"><input type="checkbox" name="Check_ctr" value="yes" onClick="Check(document.myform.check_list)"></td>
                        <td>Nguyễn Hữu Đắc</td>
                        <td></td> 
                        <td></td>
                        <td></td> 
                        <td></td>
                        <td></td>
                    </tr>
                    </form>
                </table> 
                <div class="paging">
                    <ul>
                        <li><img src="images/arrow_page_left.jpg" width="9" height="9" /></li>
                        <li style="padding-right:15px">&nbsp;<a href="#">Last</a></li>
                        <li><a href="#">1</a> &nbsp;|&nbsp; <a href="#">2</a> &nbsp;|&nbsp; <a href="#">3</a></li>
                        <li style="padding-left:15px"><a href="#">Next</a></li>&nbsp;
                        <li><img src="images/arrow_page_right.jpg" width="9" height="9" /></li>
                    </ul>
                </div>     	
            </div>
            
            <div class="bottom-tnm-col-left"></div>
        </div>
        <div class="tnm-col-right">
        	<h2 class="title-tnm-col-right">Chức năng</h2>
            <div class="content-tnm-col-right">
            	<div id="sub-col-right">
                	<div class="option">
                        <ul>
                            <li>
                                <a class="btn-customer" href="#">
                                    <img src="images/icon-new.png" alt="" width="20" height="20" />
                                    <div class="clear">Thêm mới</div>
                                </a>
                            </li>
                            <li>
                                <a class="edit" href="#">
                                    <img src="images/icon-edit.png" alt="" width="20" height="20" />
                                    <div class="clear">Chỉnh sửa</div>
                                </a>
                            </li>
                            <li>
                                <a class="delete" href="#">
                                    <img src="images/icon-delete.png" alt="" width="20" height="20" />
                                    <div class="clear">Xóa</div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="sub-title">Chỉnh sửa</div>
                    <div class="sub-content">
                    	<ul>
                        	<li>Tên:</li>
                            <li class="num"><input height="14px" name="" type="text" size="12"/></li>
                            <li>Địa chỉ:</li>
                            <li class="num"><input height="14px" name="" type="text" size="12"/></li>
                            <li>Số đt:</li>
                            <li class="num"><input height="14px" name="" type="text" size="12"/></li>
                            <li>Ngày sinh:</li>
                            <li class="num"><input class="icon-calendar" id="datepicker" height="14px" name="" type="text" size="12"/></li>

                        </ul>
                    </div>
                    <div class="button" style="padding-top:20px; margin-left:80px; clear:both"><a href="#">Chỉnh sửa</a></div>
                </div>
            </div>
            <div class="bottom-tnm-col-right"></div>
        </div>
    </div>
    <div id="tnm-footer" style="padding:5px 20px 30px 0">
    	<div class="right"></div>

    </div>
</div>

<!-- ----------------Customer---------------------- -->
<div id="dialog-customer" class="dialog-customer" title="KHÁCH HÀNG">
	<div class="dialog-new">
        <form action="" method="get">
            <div class="style-form">
                <dl>
                    <dt>Tên KH:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Địa chỉ:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Số điện thoại:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Ngày sinh:</dt>
                    <dd><input class="icon-calendar" id="datepicker1" type="text"/></dd>                     
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <div class="button"><a href="#">Tạo mới</a></div>
    					<div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                    </dd>                  
                </dl>
            </div>
        </form>
    </div>
</div>

</body>
</html>
